<template>
  <div class="hello">
    <ul>
      <li v-for="user in users" :key="user">{{user}}</li>
    </ul>

    <el-button @click="sendMsg">给ctop传值</el-button>
  </div>
</template>

<script>
  import bus from '@/bus.js'

  export default {
    name: 'HelloWorld',
    props: {
      users: { //这个就是父组件中子标签自定义名字
        type: Array,
        required: true
      }
    },
    created() {
      // 接受数据的组件写这个
      bus.$on('getBrotherData', data => {
        console.log("兄弟组件传来的值是", data)
      })
    },
    methods: {
      sendMsg() {
        // 触发绑定的事件，并向外传递参数。
        bus.$emit('getNewData', '组件1传的值')
      }
    }

  }

</script>
